<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>游戏详情</title>

    <link rel="stylesheet" href="css/bootstrap/4/bootstrap.css">
    <link rel="stylesheet" href="css/public/navigation.css">
    <link rel="stylesheet" href="css/public/join.css">
    <link rel="stylesheet" href="css/Store/advertising-window.css">
    <link rel="stylesheet" href="css/public/bottomInformation.css">
    <link rel="stylesheet" href="css/GameDetail/GameDetail.css">
    <!--蓝色为  rgb(24, 132, 253);-->
    <!-- 总体颜色为    background-color: rgb(15, 15, 15); -->
    <!--黑色底     background-color: #2d2d2d;-->
    <!--最暗线条     border-bottom: 1px #4c4c4c solid;-->
    <script src="js/bootstrap/4/jquery-3.1.1.js"></script>
    <script src="js/bootstrap/4/bootstrap.bundle.min.js"></script>

    <script src="js/myJs.js"></script>
<!--    <script src="js/detail/detail.js"></script>-->

</head>
<body>


<!--广告弹窗-->
<div id="advertise-body">

    <div class="advertise-img-button">

        <div class="advertise-content-body">
            <img src="images/GameStore/advertise/egs-summer-showcase-carousel-desktop-1920x1080-195535bde07c.jpg" alt="">
            <div class="cover-advertise-content-body">
                <div class="advertise-text-body">

                    <!--时间 文字-->
                    <div class="zhibo_time">
                        <h1>直播倒计时：<span id="zhibo_time"></span></h1>
                    </div>

                    <div class="time-text">

                        <h5 style="color: white;">于北京时间<span  id="tomorrow_date"></span>0点整，在Twitch收看2022年的Game Fest的一部分的游戏商城年度游戏展，期待你的参与！</h5>
                    </div>
                    <!--按钮-->
                    <div class="zhidao_body">
                        <button onclick="document.getElementById('advertise-body').style.display='none'">我知道了</button>
                    </div>

                </div>



            </div>




        </div>
    </div>


</div>





<!--public-->
<!--cover覆盖登录框-->
<div id="join-cover-body">
    <h1 style="cursor: pointer;" onclick="document.getElementById('join_background').style.display='block'">登录</h1>
    <h2><a href="MyInformation.html">账户信息</a></h2>
    <h2><a href="HopeList.html">愿望单</a></h2>
    <h2><a href="ShopingCart.html">购物车</a></h2>
    <div style="border-top: 1px #666666 solid;"><a style="color: #c4c4c4;font-size:1em;" href="">退出</a></div>
</div>
<!--账号登录 弹出框-->
<div id="join_background">
    <div class="join_">
        <!-- 页面内容 -->
        <div class="join_content">
            <!-- 商标 -->
            <div class="join_shangbiao">
                <img src="images/navigation/navigation_top/icon_shangbiao2.png" alt="">
            </div>
            <!-- 上方选项卡 -->
            <div class="join_style_con">
                <!-- <a href=""> -->
                <div class="active  join_style_list">
                    Games账号登录
                </div>
                <!-- </a> -->

                <!-- <a href=""> -->
                <div class="join_style_list">
                    注册Games账号
                </div>
                <!-- </a> -->

            </div>
            <!-- 登录与注册内容 -->
            <div class="card-body">
                <!-- 登录页面 -->
                <div class="card_denglu ">
                    <div class="join_input">

                        <form id="join_form">
                            <input id=join_email" type="text" name="join_email" placeholder="    电子邮件地址"/>
                            <input id="join_password" type="password" name="join_password" placeholder="    密码"/>
                        </form>
                    </div>


                    <div class="join_button">
                        <button onclick="check_join()">现在登录</button>
                        <button
                                onclick="document.getElementById('join_background').style.display='none'">取消登录
                        </button>

                    </div>
                    <div class="join_buttom-text1" style="margin-top: 90px;">
                        <a style="color: rgb(255, 255, 255);text-decoration: underline;"
                           href="https://www.epicgames.com/site/zh-CN/privacypolicy?lang=zh-Hans"
                           target="_blank">隐私政策</a>

                    </div>
                    <div class="join_buttom-text2">
                        <h3 style="color: rgb(255, 255, 255);font-size: 1em;">想要了解我们？<a style="color: rgb(255, 255, 255);font-size: 1em;
                            text-decoration: underline;"
                                                                                        href="https://www.epicgames.com/site/zh-CN/epic-games-store-faq?lang=zh-CN"
                                                                                        target="_blank">关于我们</a>
                        </h3>
                    </div>
                </div>

                <!-- 注册页面 -->
                <div class="card_zhuce" style="display:none;">
                    <div class="select_area_div">
                        <h3>国家地区</h3>
                        <select id="group" value="1">
                            <option value="1">中国大陆</option>
                            <option value="2">中国台湾</option>
                            <option value="3">中国香港/澳门</option>
                            <option value="4">美国</option>
                            <option value="5">日本</option>
                            <option value="6">韩国</option>
                            <option value="7">英国</option>
                            <option value="2">德国</option>
                        </select>
                    </div>

                    <div class="join_input">

                        <form id="register_form">
                            <input id="register_email" type="email" name="register_email" placeholder="    电子邮件地址"/>
                            <input id="register_password" type="password" name="register_password"
                                   placeholder="    密码"/>
                            <div class="pass_wrap">
                                <em>密码强度：</em>
                                <em id="strength">高</em>
                                <div id="strengthLevel" class="strengthLv0"></div>
                            </div>
                        </form>
                    </div>
                    <div class="join_button ">
                        <button onclick="check_register()">现在注册</button>
                        <button
                                onclick="document.getElementById('join_background').style.display='none'">取消注册
                        </button>

                    </div>
                    <div class="danxuan_join1">
                        <input type="radio" style="margin-right: 10px;">我想收到来自Games的消息、问卷调查和特惠。

                    </div>
                    <div class="danxuan_join1">
                        <input type="radio" style="margin-right: 10px;">我已阅读并同意<a
                            style="text-decoration:underline;color: rgb(255, 255, 255);"
                            href="https://www.epicgames.com/site/zh-CN/privacypolicy?lang=zh-Hans"
                            target="_blank">隐私政策</a>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>
<!--顶部导航-->
<div class="title_navigation">

    <!--商标-->
    <img src="images/navigation/navigation_top/icon_shangbiao2.png" alt="">
    <!--中间-->
    <div class="navigation_content_1">
        <a id="top" href="">
            <div style="color: #fff;;vertical-align:center;border-bottom: 5px rgb(0, 107, 230) solid;">
                商城
            </div>
        </a>
        <a href="Problem.html">
            <div>常见问题</div>
        </a>
        <a href="Help.html">
            <div>帮助</div>
        </a>
    </div>

    <!--账户-->
    <!--    <a href="#" title="登录账号" >-->
    <div class="my-count-body" onclick="showDiv()" onclick="hideDiv()">
        <img src="images/navigation/navigation_top/myself.png" alt="" style="width: 30px">
        <h3 style="margin-left: 10px;color: white;">MICHEAL</h3>
    </div>
</div>
<!--固定导航栏-->
<div class="navigation_daohang_div">
    <!--搜索框-->
    <div class="search_input">
        <img src="images/navigation/navigation_fixed/sousuo.png">
        <input type='text' placeholder="搜索">
    </div>

    <div style="width: 80%;display: flex;justify-content: space-between;align-items: center;">

        <div class="daohang_1">
            <a href="index_Store.html">商城</a>
            <a href="GameLibrary.html">游戏库</a>
            <a href="Community.html">社区</a>
            <a style="color: rgb(24, 132, 253);cursor: pointer;" onclick="document.getElementById('advertise-body').style.display='block'">直播</a>
        </div>

        <div class="daohang_2">
            <a href="HopeList.html">愿望清单</a>
            <a href="ShopingCart.html">购物车</a>
        </div>


        <div class="daohang_3">
            <div class="dropdown">
                <button class="btn btn-secondary dropdown-toggle navigation_dropdown" type="button"
                        id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
                    商城
                </button>
                <div class="dropdown-menu my_detail_dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="index_Store.html">商城</a>
                    <a class="dropdown-item" href="GameLibrary.html">游戏库</a>
                    <a class="dropdown-item" href="Community.html">社区</a>
                    <a class="dropdown-item"  style="color: rgb(24, 132, 253);cursor: pointer;" onclick="document.getElementById('advertise-body').style.display='block'">直播</a>
                </div>
            </div>
        </div>

        <div class="daohang_4">
            <a href="HopeList.html"><img src="images/navigation/navigation_fixed/心愿单.svg" alt=""></a>
            <a href="ShopingCart.html"><img src="images/navigation/navigation_fixed/购物车.svg" alt=""></a>
        </div>


    </div>

</div>
<!--public-->


<!-- -->
<!--内容-->
<!-- -->
<div class="GameDetail-body">
    <!--顶部标题-->
    <div class="detail-title">
        <h3>《F1® 22》标准版</h3>
    </div>

    <!--大于 700 出现内容-->
    <div class="content-max-5000">

        <!--左内容 100%-->
        <div class="zuo-content-body">

            <!--轮播与切换 100%-->
            <div class="detail-carousel">
                <!--轮播图片-->
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="display: block">
                    <!--左右箭头控制-->
<!--                    <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators"-->
<!--                            data-slide="prev">-->
<!--                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>-->
<!--                        <span class="sr-only">Previous</span>-->
<!--                    </button>-->
<!--                    <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators"-->
<!--                            data-slide="next">-->
<!--                        <span class="carousel-control-next-icon" aria-hidden="true"></span>-->
<!--                        <span class="sr-only">Next</span>-->
<!--                    </button>-->
                    <!--图片-->
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <video controls muted autoplay src="images/GameDetail/carousel/video/video-1.webm"></video>
                        </div>
                        <div class="carousel-item">
                            <video controls muted autoplay src="images/GameDetail/carousel/video/video-2.webm"></video>
                        </div>
                        <div class="carousel-item">
                            <img src="images/GameDetail/carousel/image/f-1.jpg"
                                 class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/GameDetail/carousel/image/f-2.jpg"
                                 class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/GameDetail/carousel/image/f-3.jpg"
                                 class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                            <img src="images/GameDetail/carousel/image/f-4.jpg"
                                 class="d-block w-100" alt="...">
                        </div>
                        <!--                    <div class="carousel-item">-->
                        <!--                        <img src="images/GameDetail/carousel/image/f-5.jpg"-->
                        <!--                             class="d-block w-100" alt="...">-->
                        <!--                    </div>-->
                        <!--                    <div class="carousel-item">-->
                        <!--                        <img src="images/GameDetail/carousel/image/f-6.jpg"-->
                        <!--                             class="d-block w-100" alt="...">-->
                        <!--                    </div>-->
                    </div>
                </div>

                <!--切换-->
                <div class="my-carousel-control">
                    <div data-target="#carouselExampleIndicators" data-slide-to="0" class=" carousel-change-img">
                        <img src="images/GameDetail/carousel/image/v_1.png"
                             class="d-block w-100" alt="...">
                    </div>
                    <div data-target="#carouselExampleIndicators" data-slide-to="1" class=" carousel-change-img">
                        <img src="images/GameDetail/carousel/image/v_2.png"
                             class="d-block w-100" alt="...">
                    </div>
                    <div data-target="#carouselExampleIndicators" data-slide-to="2" class=" carousel-change-img">
                        <img src="images/GameDetail/carousel/image/f-1.jpg"
                             class="d-block w-100" alt="...">
                    </div>
                    <div data-target="#carouselExampleIndicators" data-slide-to="3" class=" carousel-change-img">
                        <img src="images/GameDetail/carousel/image/f-2.jpg"
                             class="d-block w-100" alt="...">
                    </div>
                    <div data-target="#carouselExampleIndicators" data-slide-to="4" class=" carousel-change-img">
                        <img src="images/GameDetail/carousel/image/f-3.jpg"
                             class="d-block w-100" alt="...">
                    </div>
                    <div data-target="#carouselExampleIndicators" data-slide-to="5" class=" carousel-change-img">
                        <img src="images/GameDetail/carousel/image/f-4.jpg"
                             class="d-block w-100" alt="...">
                    </div>
                    <!--                <div data-target="#carouselExampleIndicators" data-slide-to="6" class=" carousel-change-img">-->
                    <!--                    <img src="images/GameDetail/carousel/image/f-5.jpg"-->
                    <!--                         class="d-block w-100" alt="...">-->
                    <!--                </div>-->
                    <!--                <div data-target="#carouselExampleIndicators" data-slide-to="7" class=" carousel-change-img">-->
                    <!--                    <img src="images/GameDetail/carousel/image/f-6.jpg"-->
                    <!--                         class="d-block w-100" alt="...">-->
                    <!--                </div>-->
                </div>
            </div>
            <!-- 介绍 游戏类型 功能 新赛季-->
            <div class="detail-jieshao-body">
                <h4>通过 2022 FIA Formula One World Championship™ 官方视频游戏——EA SPORTS™《F1® 22》，进入 Formula 1® 新时代。</h4>
                <!--功能介绍-->
                <div style="display: flex;width: 100%;height: auto;">
                    <div style="border-left:1px #4c4c4c solid;width: 50%;padding-left:20px;padding-bottom: 1px;padding-top: 10px;">
                        <h1 style="font-size: 0.9em;color: #a1a1a1">游戏类型</h1>
                        <h1 style="font-size: 0.9em;color: #ffffff">竞速</h1>
                    </div>
                    <div style="border-left:1px #4c4c4c solid;width: 50%;padding-left:20px;padding-bottom: 1px;padding-top: 10px;">
                        <h1 style="font-size: 0.9em;color: #a1a1a1">功能</h1>
                        <h1 style="font-size: 0.9em;color: #ffffff">多人/VR</h1>
                    </div>
                </div>
                <!--新赛季-->
                <div style="width: 100%;padding-top: 20px;">
                    <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">预购《F1®
                        22》标准版可获得：</h1>
                    <h1 style="font-size: 0.9em;color: #a1a1a1;padding: 5px">
                        5000 PitCoin
                        <p>F1® Life 新手包：使用墙体艺术等家具以及玩家T恤等物品定制自己的独特空间。
                            《F1® 22》新时代内容：源自惊人官方 Formula 1® 2022 新时代赛车灵感的赛车涂装、赛车服、头盔、帽子、T恤（用于 F1® Life）。</h1>

                    <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">新赛季，新规则</h1>
                    <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">
                        就位迎接新赛季，在包括全新的迈阿密国际赛车场在内的标志性赛道上驾驶不同赛车参赛。</h1>

                    <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">比赛日，重新定义</h1>
                    <h1 style="font-size: 0.9em;color: #c0c0c0;padding-bottom: 5px">通过沉浸式与带广播选项的维修站、暖胎圈和 F1® 冲刺赛，来掌控你的虚拟
                        F1® 体验。</h1>

                    <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">适应性 AI</h1>
                    <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">全新 AI 系统能让经验不足的玩家在每场比赛中保持竞争力。</h1>

                    <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">我的车队</h1>
                    <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">通过更广泛的部门活动与更深入的涂装定制，从零开始创建 F1®
                        车队，选择自己的初始预算。</h1>

                    <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">生涯模式</h1>
                    <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">通过备受赞誉的 10 年或双人生涯模式，在 F1®
                        世界中测试自己的驾驶天赋，在赛场上开拓自己的道路。</h1>

                    <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">Formula 2™</h1>
                    <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">F1® 的终极训练场也包括在内，更有短、中、完整赛季选项，以及 2021
                        与 2022 赛季内容*。</h1>

                    <img style="width: 100%;"
                         src="images/GameDetail/content/EGS_F122StandardEdition_Codemasters_S1_2560x1440-6e4d9a96b69ca173666bc2391d4c42de.jpg"
                         alt="">

                </div>

            </div>
            <!--关注我们-->
            <div style="width: 100%;padding-top: 40px;">
                <h4 style="color: white;font-size: 1.2em;padding-bottom: 10px;">关注我们</h4>
                <div class="guanzhuwomen">
                    <a href="https://redirect.epicgames.com/?redirectTo=https%3A%2F%2Ffacebook.com%2Fzenstudios"><img
                            src="images/GameDetail/icon/facebook-fill.svg" alt=""></a>
                    <a href="https://redirect.epicgames.com/?redirectTo=https%3A%2F%2Fpinballfx.com"><img
                            src="images/GameDetail/icon/net.svg" alt=""></a>
                    <a href="https://redirect.epicgames.com/zh/?redirectTo=https%3A%2F%2Ftwitter.com%2Fzen_studios"><img
                            src="images/GameDetail/icon/tuite.svg" alt=""></a>
                </div>
            </div>
            <!--配置-->
            <div style="width: 100%;padding-top: 40px;">
                <h4 style="color: white;font-size: 1.2em;padding-bottom: 10px;">配置</h4>
                <div style="background-color: #2d2d2d;border-radius: 2px;padding: 30px;">
                    <!--标题-->
                    <div class="detail-content-biaoti">
                        WINDOWS
                    </div>
                    <!--内容-->
                    <div style="width: 100%;display: flex;height: auto;padding-bottom: 20px;">
                        <!--左-->
                        <div style="width: 50%;padding-right: 10px;">
                            <h1 style="color: silver;font-size: 1em;padding-top: 30px;padding-bottom: 20px;">最低配置</h1>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">操作系统</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">Windows 10
                                64-bit (Version 1909) | Ray Tracing 支持：Windows 10 64-bit (Version 2004)</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">处理器</h2>
                            <h3 style="color: #ffffff;font-size: 0.8em;padding-bottom: 10px;">ntel Core i3-2130 或 AMD FX
                                4300</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">内存</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">8 GB</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">存储空间</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">ntel Core i3-2130 或 AMD FX
                                4300</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">存储空间</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">80 GB 可用存储空间</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">DirectX</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">版本 12</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">显卡</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">NVIDIA GTX 1050 Ti 或 AMD
                                RX 470 | Ray Tracing 支持：GeForce RTX 2060 或 Radeon RX 6700 XT</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">其他</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">DirectX 兼容</h3>
                        </div>
                        <!--右-->
                        <div style="width: 50%;padding-right: 10px;">
                            <h1 style="color: silver;font-size: 1em;padding-top: 30px;padding-bottom: 20px;">最低配置</h1>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">操作系统</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">Windows 10 64-bit (Version
                                1909) | Ray Tracing 支持：Windows 10 64-bit (Version 2004)</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">处理器</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">Intel Core i5 9600K 或 AMD
                                Ryzen 5 2600X</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">内存</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">DirectX 16 GB</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">存储空间</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">80 GB 可用存储空间</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">DirectX</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">版本 12</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">显卡</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">NVIDIA GTX 1660 Ti 或 AMD
                                RX 590 | Ray Tracing 支持：GeForce RTX 3070 或 Radeon RX 6800</h3>

                            <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">其他</h2>
                            <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">DirectX 兼容</h3>
                        </div>
                    </div>
                    <!--支持的语言-->
                    <div style="width: 100%;">
                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">支持的语言</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;line-height: normal;">
                            音频：英语、葡萄牙语（巴西）、法语、意大利语、德语、西班牙语（西班牙）、荷兰语、简体中文、日语、捷克语 <p>
                            文本：英语、葡萄牙语（巴西）、法语、意大利语、德语、西班牙语（西班牙）、荷兰语、波兰语、俄语、日语、捷克语、简体中文</h3>
                    </div>
                    <!--隐私条款-->
                    <div style="width: 100%;padding-top: 30px;border-top: 1px #4c4c4c solid;">
                        <h3 style="color: silver;font-size: 0.9em;">屏幕截图不代表最终车型。适用条件和限制。请参阅
                            https://www.ea.com/games/f1/f1-22/game-offer-and-disclaimers 了解详细信息。</h3>
                        <h3 style="font-size: 0.9em;"><a style="color: #ffffff;" href="">隐私条款</a></h3>
                    </div>
                </div>
            </div>


        </div>
        <!--价格body-->
        <div class="GameDetail-price-body">
            <!--图片-->
            <div style="width: 100%;display: flex;justify-content: center;">
                <img src="images/GameDetail/icon/f1-title.png" alt="">
            </div>
            <!--内容-->
            <div style="width: 100%;">
                <!--基础游戏-->
                <div style="display: flex">
                    <div style="background-color: #363636;padding: 4px;font-size: 0.6em;border-radius: 3px;color: white;">
                        基础游戏
                    </div>
                </div>

                <!--价格-->
                <div style="padding-top: 5px;padding-bottom:5px;color: white">
                    ￥248
                </div>
                <!--购买-->
                <div class="detail-buy-body">
                    购买
                </div>
                <!--加入购物车-->
                <div class="detail-gouwuche-body">
                    购买
                </div>
                <!--加入愿望清单-->
                <div class="detail-hope-body">
                    <img src="images/GameDetail/icon/add.svg" alt="">
                    <h4>加入愿望清单</h4>
                </div>
                <div class="detail-game-information">
                    <div style="color: silver;">开发商</div>
                    <div style="font-weight: 600;color: white">Codemasters</div>
                </div>
                <div class="detail-game-information">
                    <div style="color: silver;">发行商</div>
                    <div style="font-weight: 600;color: white">Electronic Arts</div>
                </div>
                <div class="detail-game-information">
                    <div style="color: silver;">首度发布</div>
                    <div style="font-weight: 600;color: white">22/06/1</div>
                </div>
                <div class="detail-game-information">
                    <div style="color: silver;">平台</div>
                    <!--                    <div style="font-weight: 600;color: white"></div>-->
                    <img style="width: 30px" src="images/GameDetail/icon/Windows.svg" alt="">
                </div>


            </div>


        </div>

    </div>

    <!--小于等于700出现-->
    <div class="content-max-700">
        <!--价格body-->
        <div class="GameDetail-price-body">
            <!--图片-->
            <div style="width: 100%;display: flex;justify-content: center;">
                <img src="images/GameDetail/icon/f1-title.png" alt="">
            </div>
            <!--内容-->
            <div style="width: 100%;">
                <!--基础游戏-->
                <div style="display: flex">
                    <div style="background-color: #363636;padding: 4px;font-size: 0.6em;border-radius: 3px;color: white;">
                        基础游戏
                    </div>
                </div>

                <!--价格-->
                <div style="padding-top: 5px;padding-bottom:5px;color: white">
                    ￥248
                </div>
                <!--购买-->
                <div class="detail-buy-body">
                    购买
                </div>
                <!--加入购物车-->
                <div class="detail-gouwuche-body">
                    购买
                </div>
                <!--加入愿望清单-->
                <div class="detail-hope-body">
                    <img src="images/GameDetail/icon/add.svg" alt="">
                    <h4>加入愿望清单</h4>
                </div>
                <div class="detail-game-information">
                    <div style="color: silver;">开发商</div>
                    <div style="font-weight: 600;color: white">Codemasters</div>
                </div>
                <div class="detail-game-information">
                    <div style="color: silver;">发行商</div>
                    <div style="font-weight: 600;color: white">Electronic Arts</div>
                </div>
                <div class="detail-game-information">
                    <div style="color: silver;">首度发布</div>
                    <div style="font-weight: 600;color: white">22/06/1</div>
                </div>
                <div class="detail-game-information">
                    <div style="color: silver;">平台</div>
                    <!--                    <div style="font-weight: 600;color: white"></div>-->
                    <img style="width: 30px" src="images/GameDetail/icon/Windows.svg" alt="">
                </div>


            </div>


        </div>
        <!-- 介绍 游戏类型 功能 新赛季-->
        <div class="detail-jieshao-body">
            <h4>通过 2022 FIA Formula One World Championship™ 官方视频游戏——EA SPORTS™《F1® 22》，进入 Formula 1® 新时代。</h4>
            <!--功能介绍-->
            <div style="display: flex;width: 100%;height: auto;">
                <div style="border-left:1px #4c4c4c solid;width: 50%;padding-left:20px;padding-bottom: 1px;padding-top: 10px;">
                    <h1 style="font-size: 0.9em;color: #a1a1a1">游戏类型</h1>
                    <h1 style="font-size: 0.9em;color: #ffffff">竞速</h1>
                </div>
                <div style="border-left:1px #4c4c4c solid;width: 50%;padding-left:20px;padding-bottom: 1px;padding-top: 10px;">
                    <h1 style="font-size: 0.9em;color: #a1a1a1">功能</h1>
                    <h1 style="font-size: 0.9em;color: #ffffff">多人/VR</h1>
                </div>
            </div>
            <!--新赛季-->
            <div style="width: 100%;padding-top: 20px;">
                <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">预购《F1®
                    22》标准版可获得：</h1>
                <h1 style="font-size: 0.9em;color: #a1a1a1;padding: 5px">
                    5000 PitCoin
                    <p>F1® Life 新手包：使用墙体艺术等家具以及玩家T恤等物品定制自己的独特空间。
                        《F1® 22》新时代内容：源自惊人官方 Formula 1® 2022 新时代赛车灵感的赛车涂装、赛车服、头盔、帽子、T恤（用于 F1® Life）。</h1>

                <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">新赛季，新规则</h1>
                <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">
                    就位迎接新赛季，在包括全新的迈阿密国际赛车场在内的标志性赛道上驾驶不同赛车参赛。</h1>

                <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">比赛日，重新定义</h1>
                <h1 style="font-size: 0.9em;color: #c0c0c0;padding-bottom: 5px">通过沉浸式与带广播选项的维修站、暖胎圈和 F1® 冲刺赛，来掌控你的虚拟
                    F1® 体验。</h1>

                <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">适应性 AI</h1>
                <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">全新 AI 系统能让经验不足的玩家在每场比赛中保持竞争力。</h1>

                <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">我的车队</h1>
                <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">通过更广泛的部门活动与更深入的涂装定制，从零开始创建 F1®
                    车队，选择自己的初始预算。</h1>

                <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">生涯模式</h1>
                <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">通过备受赞誉的 10 年或双人生涯模式，在 F1®
                    世界中测试自己的驾驶天赋，在赛场上开拓自己的道路。</h1>

                <h1 style="font-size: 0.9em;color: #ffffff;padding-top: 10px;padding-bottom: 10px;">Formula 2™</h1>
                <h1 style="font-size: 0.9em;color: #a1a1a1;padding-bottom: 5px">F1® 的终极训练场也包括在内，更有短、中、完整赛季选项，以及 2021
                    与 2022 赛季内容*。</h1>

                <img style="width: 100%;"
                     src="images/GameDetail/content/EGS_F122StandardEdition_Codemasters_S1_2560x1440-6e4d9a96b69ca173666bc2391d4c42de.jpg"
                     alt="">

            </div>

        </div>
        <!--关注我们-->
        <div style="width: 100%;padding-top: 40px;">
            <h4 style="color: white;font-size: 1.2em;padding-bottom: 10px;">关注我们</h4>
            <div class="guanzhuwomen">
                <a href="https://redirect.epicgames.com/?redirectTo=https%3A%2F%2Ffacebook.com%2Fzenstudios"><img
                        src="images/GameDetail/icon/facebook-fill.svg" alt=""></a>
                <a href="https://redirect.epicgames.com/?redirectTo=https%3A%2F%2Fpinballfx.com"><img
                        src="images/GameDetail/icon/net.svg" alt=""></a>
                <a href="https://redirect.epicgames.com/zh/?redirectTo=https%3A%2F%2Ftwitter.com%2Fzen_studios"><img
                        src="images/GameDetail/icon/tuite.svg" alt=""></a>
            </div>
        </div>
        <!--配置-->
        <div style="width: 100%;padding-top: 40px;">
            <h4 style="color: white;font-size: 1.2em;padding-bottom: 10px;">配置</h4>
            <div style="background-color: #2d2d2d;border-radius: 2px;padding: 30px;">
                <!--标题-->
                <div class="detail-content-biaoti">
                    WINDOWS
                </div>
                <!--内容-->
                <div style="width: 100%;display: flex;height: auto;padding-bottom: 20px;">
                    <!--左-->
                    <div style="width: 50%;padding-right: 10px;">
                        <h1 style="color: silver;font-size: 1em;padding-top: 30px;padding-bottom: 20px;">最低配置</h1>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">操作系统</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">Windows 10
                            64-bit (Version 1909) | Ray Tracing 支持：Windows 10 64-bit (Version 2004)</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">处理器</h2>
                        <h3 style="color: #ffffff;font-size: 0.8em;padding-bottom: 10px;">ntel Core i3-2130 或 AMD FX
                            4300</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">内存</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">8 GB</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">存储空间</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">ntel Core i3-2130 或 AMD FX
                            4300</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">存储空间</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">80 GB 可用存储空间</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">DirectX</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">版本 12</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">显卡</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">NVIDIA GTX 1050 Ti 或 AMD
                            RX 470 | Ray Tracing 支持：GeForce RTX 2060 或 Radeon RX 6700 XT</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">其他</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">DirectX 兼容</h3>
                    </div>
                    <!--右-->
                    <div style="width: 50%;padding-right: 10px;">
                        <h1 style="color: silver;font-size: 1em;padding-top: 30px;padding-bottom: 20px;">最低配置</h1>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">操作系统</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">Windows 10 64-bit (Version
                            1909) | Ray Tracing 支持：Windows 10 64-bit (Version 2004)</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">处理器</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">Intel Core i5 9600K 或 AMD
                            Ryzen 5 2600X</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">内存</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">DirectX 16 GB</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">存储空间</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">80 GB 可用存储空间</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">DirectX</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">版本 12</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">显卡</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">NVIDIA GTX 1660 Ti 或 AMD
                            RX 590 | Ray Tracing 支持：GeForce RTX 3070 或 Radeon RX 6800</h3>

                        <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">其他</h2>
                        <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;">DirectX 兼容</h3>
                    </div>
                </div>
                <!--支持的语言-->
                <div style="width: 100%;">
                    <h2 style="color: silver;font-size: 1em;padding-top: 0px;padding-bottom: 0px;">支持的语言</h2>
                    <h3 style="color: #ffffff;font-size: 0.9em;padding-bottom: 10px;line-height: normal;">
                        音频：英语、葡萄牙语（巴西）、法语、意大利语、德语、西班牙语（西班牙）、荷兰语、简体中文、日语、捷克语 <p>
                        文本：英语、葡萄牙语（巴西）、法语、意大利语、德语、西班牙语（西班牙）、荷兰语、波兰语、俄语、日语、捷克语、简体中文</h3>
                </div>
                <!--隐私条款-->
                <div style="width: 100%;padding-top: 30px;border-top: 1px #4c4c4c solid;">
                    <h3 style="color: silver;font-size: 0.9em;">屏幕截图不代表最终车型。适用条件和限制。请参阅
                        https://www.ea.com/games/f1/f1-22/game-offer-and-disclaimers 了解详细信息。</h3>
                    <h3 style="font-size: 0.9em;"><a style="color: #ffffff;" href="">隐私条款</a></h3>
                </div>
            </div>
        </div>
    </div>


</div>


<!--底部信息-->
<div class="bottom-information-body">
    <!--title-->
    <div style="width: 100%;display: flex;justify-content: space-between;">
        <div class="title-img">
            <img style="padding-right: 10px;" src="images/bottom-information/QQ_tencent-qq.svg" alt="">
            <img style="padding-right: 10px;" src="images/bottom-information/wechat.svg" alt="">
            <img style="padding-right: 10px;" src="images/bottom-information/weibo.svg" alt="">
        </div>
        <div class="to-top">
            <a href="#top"><img style="width: 40px;" src="images/bottom-information/to-top.svg" alt="回到顶部" title="回到顶部"></a>
        </div>

    </div>

    <!--信息-->
    <div class="lianxi-body">
        <!--开发联系方式-->
        <div>
            <h4 style="color: #8d8d8d;font-size: 0.9em;">开发者信息</h4>
            <div style="display: flex;">
                <div class="lieming">
                    <h4>name：</h4>

                </div>
                <div class="lianxi-information">
                    <h4>Zheng Haoyang</h4>

                </div>

            </div>
        </div>

        <!--资源-->
        <div style="padding-top: 30px;border-bottom: 1px #505050 solid;padding-bottom: 30px">
            <h4 style="color: #8d8d8d;font-size: 0.9em;">资源</h4>
            <div style="display: flex;">
                <div class="ziyuan-body">
                    <a href="https://www.epicgames.com/affiliate/en-US/overview">创作者支持计划</a>
                    <a href="https://store.epicgames.com/zh-CN/publish">在BG Game上分发布</a>
                    <a href="https://www.epicgames.com/site/zh-CN/careers">职业</a>
                    <a href="https://www.epicgames.com/site/zh-CN/about">公司</a>
                    <a href="https://store.epicgames.com/zh-CN/eula">授权协议</a>
                </div>
                <div class="ziyuan-body" style="padding-left: 30px">
                    <a href="https://dev.epicgames.com/zh-CN/home">在线服务</a>
                    <a href="https://www.epicgames.com/site/zh-CN/community-rules">社区守则</a>
                    <a href="https://www.epicgames.com/site/zh-CN/ux">用户体验调查</a>
                    <a href="https://www.epicgames.com/site/zh-CN/fan-art-policy">爱好者作品政策</a>
                </div>
            </div>
        </div>

        <!--服务条款 隐私政策 商店政策-->
        <div style="display: flex;justify-content: space-between;align-items: center">
            <div class="bottom-information-end-body">
                <a href="https://www.epicgames.com/site/zh-CN/tos">隐私条款</a>
                <a style="padding-left: 15px;" href="https://www.epicgames.com/site/zh-CN/privacypolicy">隐私政策</a>
                <a style="padding-left: 15px;"
                   href="https://www.epicgames.com/site/zh-CN/store-refund-policy">商店退款政策</a>
            </div>
            <div class="bottom-information-img">
                <img src="images/navigation/navigation_top/icon_shangbiao2.png" alt="">
            </div>
        </div>

    </div>
</div>




</body>
</html>